﻿@model IQueryable<Windshield.Models.Game>
<script src="@Url.Content("~/Scripts/GetPopularity.js")" type="text/javascript"></script>

<div id="index-button-group" class="row-fluid">
	<div class="span4 offset4">
		<div class="btn-group pagination-centered row-fluid" data-toggle="buttons-radio">
			<button type="button" class="btn active game-images-radio-button">All</button>
			<button type="button" class="btn game-images-radio-button">Popular</button>
			<button type="button" class="btn game-images-radio-button">New</button>
		</div>
	</div>
</div>

<hr> <!-- horzontal divider -->

<div class="row-fluid">
	<ul id="game-images" class="thumbnails">
		@foreach (Windshield.Models.Game game in Model)
		{
		<li class="span4">
			<a href="@Url.Action("GameDescription", "Home", new { name = game.name })">
				@Html.Partial("_GameImagePartial", game)
			</a>
		</li>
		}
	</ul>
</div>


<script id ="popularity-template" type ="text/html">
      
		<li class="span4">
				<a href ="${Url}" >
				<img src ="/Images/${Image}" alt="${Name}" title="${Name}" />
			</a> 
		</li>

</script>


